Resource icon

XF 2 Tip Postbit Background Custom Fields

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

Verss submitted a new resource:

Postbit Background Custom Fields - template modification

1. Make a custom user field

2. Title Postbit Cover or Anything you want

3. Field ID can be anything i suggest no space on it

4. Description : JPG, PNG, GIF (Link of the Image)

5. Display Location : Personal Details

6. Field Type: Single Line text Box

7. General Option: User editable, Moderator Editable

8. go to templates >> search message_macros >> paste this after xf:macro

Code:
<div class="postbit_background" style="background-image...

Read more about this resource...
 

Kenpachi

Well-known member
Registered
Joined
Oct 1, 2019
Messages
173
Points
53

Reputation:

Do you have any screenshots?
Thanks for sharing.
 

DareSec

Inforc3r
Staff member
Administrator
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
May 25, 2019
Messages
1,388
Points
523

Reputation:

<div class="postbit_background" style="background-image: url({$user.Profile.custom_fields.YourFieldID});"></div>

Whrere to paste this code which line?
There are many xf:Macro
 

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

on the top of message_macros
 

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

1572907255612.png


this is the screenshot
of course i edited the css , you guys can customize the css
 

jhoancito

Well-known member
Registered
Joined
Mar 23, 2021
Messages
84
Points
18

Reputation:

View attachment 9891

this is the screenshot
of course i edited the css , you guys can customize the css
VerssExcuse me, how can I upload it higher up? The image I got where the red mark below is right up there. I want to upload more images.

Captura.PNG
 

bitrixitnull

Member
Registered
Joined
Mar 23, 2024
Messages
10
Points
3

Reputation:

View previous replies…

VitaLiTy.322~

Member
Registered
Joined
May 18, 2019
Messages
12
Points
13

Reputation:

hey man im trying to set this on my forum but is not working right for me this is some pic of the problem that im having( I tried to put everything in one pick just the essential)
thanks
ss.png
 

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

follow the instructions carefully, place the code after the xf:macro on the top change YourFieldID to your custom field that you made before
 

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

Kenpachi

Well-known member
Registered
Joined
Oct 1, 2019
Messages
173
Points
53

Reputation:

Thanks. Can you send me you web page in rpivate? I like a lot Anime
 

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
367
Points
103

Reputation:

can you show how you got the background to fade down.. i tried this method but my picture is outside of the postbit area
 

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
367
Points
103

Reputation:

can you
pm me id like to learn how you did some of your layout in postbit
 

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

where do you put the code?? i dont see the postbit background code
 

vo6tu7

Member
Registered
Joined
Jul 4, 2019
Messages
20
Points
13

Reputation:

Here right ?
 

Attachments

  • 1dsa.png
    1dsa.png
    14.8 KB · Views: 262
Top